﻿<div class="panel panel-primary">
    <div class="panel-heading">

        <h3 class="panel-title"><i class="fa fa-book"></i>&nbsp;&nbsp;Catálogo</h3>
    </div>
    <div class="panel-body">
        <form class="form-horizontal" role="form">
            <input type="hidden" name="id" id="id" value="{{IdCatalogo}}" />
            <div class="form-group" id="claveGroup">
                <label for="inputClave" class="col-sm-2 control-label">Clave</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="inputClave" placeholder="Clave" value="{{Clave}}" maxlength="60">
                </div>
            </div>
            <div class="form-group" id="nombreGroup">
                <label for="inputNombre" class="col-sm-2 control-label">Nombre</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="inputNombre" placeholder="Nombre" value="{{NombreCatalogo}}" maxlength="300">
                </div>
            </div>
            <div class="form-group" id="valorGroup">
                <label for="inputValor" class="col-sm-2 control-label">Valor</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="inputValor" placeholder="Valor" value="{{ValorCatalogo}}" maxlength="100">
                </div>
            </div>
            <div class="form-group" id="descripcionGroup">
                <label for="inputDescripcion" class="col-sm-2 control-label">Descripcion</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="inputDescripcion" placeholder="Descripcion" value="{{Descripcion}}" maxlength="300">
                </div>
            </div>
            <div class="form-group">
                <label for="estado" class="col-sm-2 control-label">Estado</label>
                <div class="col-sm-9">
                    <select name="estado" id="estado" class="form-control">
                        <option value="Activo">Activo</option>
                        <option value="Inactivo">Inactivo</option>
                    </select>
                </div>
            </div>
            <br>
            <br>
            <div class="form-group">
                <div class="container-fluid">
                    <!--<div class="col-sm-offset-4 col-sm-1">
                    <a id="guardar" class="btn btn-primary guardar" href="#" style="text-align: right"><i class="icon-save"></i>Guardar</a>
                    </div>-->
                    <div class=" col-sm-offset-5 col-sm-2">
                        <a id="guardar" class="btn btn-primary guardar" href="#" style="text-align: left"><i class="fa fa-floppy-o"></i> Guardar</a>
                    </div>

                    <div class="col-sm-1">
                        <a id="regresar" class="btn btn-primary" href="/catalogos" style="text-align: left"><i class="fa fa-undo"></i> Regresar</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
